.mega-menu {
  @apply absolute left-0 w-full hidden overflow-auto;
  z-index: -1;
  max-height: 85vh;
  background-color: var(--mat-sys-surface-container-lowest);
  box-shadow: var(--mat-sys-level1);

  &.active {
    display: block;
  }

  .inner {
    padding: 2rem 4rem;
  }
}

.label {
  font-weight: bold;
}

.item {
  @apply pr-8;

  ::ng-deep {
    a {
      font-size: 15px;
      word-break: keep-all;
      white-space: nowrap;
      overflow: hidden;
    }
  }
  &:last-child {
    padding-right: 0;
  }
}
